.chat-item {
  margin-top: 20rpx;
  .avatar {
    width: 84rpx;
    height: 84rpx;
    min-width: 84rpx;
  }
  .content {
    margin: 0 100rpx 0 16rpx;
    .body {
      border-radius: 6rpx;
      color: #212121;
      background-color: white;
      padding: 24rpx 25rpx;
    }
    .tips{
      margin-top: 5rpx;
    }

    .img-view{
      width: 300rpx;
      border-radius: 6rpx;
      overflow: hidden;
    }

    .audio-icon{
      width: 40rpx;
      height: 40rpx;
      &.mirror{
        transform: rotateY(180deg)
      }
    }
  }
  &.isMine {
    .content {
      margin: 0 16rpx 0 100rpx;
      .body{
        background-color: rgb(158, 234, 106);
        color: #212121;
      }
    }
  }
}
